
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./iconfont.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.10/lib/index.css" />
    <title>iconfont</title>
    <style>
      [v-cloak] { display: none }
	  </style>
  </head>
  <body style="min-width: 1160px">
    <div id="app" v-cloak>
      <van-grid column-num="7">
        <van-grid-item v-for="temp in icons" :key="temp.iconName" text="文字">
          <i class="iconfont" :class="temp.iconName" style="font-size:25px"></i>
          <div style="margin:10px 0">{{temp.iconName}}</div>
          <div>{{temp.iconCode}}</div>
        </van-grid-item>
      </van-grid>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.10/lib/vant.min.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script>
      new Vue({
        el: "#app",
        data: function () {
          return {
            icons: [{"iconName":"icon-add","iconCode":"\\e628"},{"iconName":"icon-arrowup","iconCode":"\\e626"},{"iconName":"icon-exit","iconCode":"\\e625"},{"iconName":"icon-accountsys","iconCode":"\\e624"},{"iconName":"icon-hearto","iconCode":"\\e623"},{"iconName":"icon-write","iconCode":"\\e622"},{"iconName":"icon-person","iconCode":"\\e621"},{"iconName":"icon-send","iconCode":"\\e620"},{"iconName":"icon-show","iconCode":"\\e61f"},{"iconName":"icon-hand","iconCode":"\\e61e"},{"iconName":"icon-left","iconCode":"\\e61d"},{"iconName":"icon-topset","iconCode":"\\e61c"},{"iconName":"icon-right","iconCode":"\\e61b"},{"iconName":"icon-lock","iconCode":"\\e61a"},{"iconName":"icon-move","iconCode":"\\e619"},{"iconName":"icon-delete","iconCode":"\\e618"},{"iconName":"icon-down","iconCode":"\\e617"},{"iconName":"icon-bell","iconCode":"\\e616"},{"iconName":"icon-heartbreak","iconCode":"\\e615"},{"iconName":"icon-home","iconCode":"\\e614"},{"iconName":"icon-mobile","iconCode":"\\e613"},{"iconName":"icon-star","iconCode":"\\e612"},{"iconName":"icon-up","iconCode":"\\e611"},{"iconName":"icon-hidden","iconCode":"\\e610"},{"iconName":"icon-reply","iconCode":"\\e60f"},{"iconName":"icon-qualityset","iconCode":"\\e60e"},{"iconName":"icon-qualitycancel","iconCode":"\\e60d"},{"iconName":"icon-topcancel","iconCode":"\\e60b"},{"iconName":"icon-edit","iconCode":"\\e60a"},{"iconName":"icon-heart","iconCode":"\\e609"},{"iconName":"icon-boy","iconCode":"\\e62a"},{"iconName":"icon-girl","iconCode":"\\e629"},{"iconName":"icon-lazy","iconCode":"\\e62e"},{"iconName":"icon-bound","iconCode":"\\e62d"},{"iconName":"icon-ufirst","iconCode":"\\e608"},{"iconName":"icon-littlebrother","iconCode":"\\e607"},{"iconName":"icon-jubao","iconCode":"\\e62f"},{"iconName":"icon-404","iconCode":"\\e630"},{"iconName":"icon-reply2","iconCode":"\\e631"},{"iconName":"icon-rocket","iconCode":"\\e632"},{"iconName":"icon-check","iconCode":"\\e633"},{"iconName":"icon-jinghua","iconCode":"\\e634"},{"iconName":"icon-ding","iconCode":"\\e635"},{"iconName":"icon-guanfang","iconCode":"\\e636"},{"iconName":"icon-banzhu","iconCode":"\\e639"},{"iconName":"icon-louzhu","iconCode":"\\e638"},{"iconName":"icon-huidaodingbu","iconCode":"\\e637"},{"iconName":"icon-leida","iconCode":"\\e63a"},{"iconName":"icon-wuxiao","iconCode":"\\e63b"},{"iconName":"icon-hb","iconCode":"\\e627"},{"iconName":"icon-quxiao","iconCode":"\\e63d"},{"iconName":"icon-search","iconCode":"\\e63e"},{"iconName":"icon-tupian","iconCode":"\\e640"},{"iconName":"icon-bianji","iconCode":"\\e63f"},{"iconName":"icon-biaoqin","iconCode":"\\e63c"},{"iconName":"icon-upo","iconCode":"\\e72b"},{"iconName":"icon-downo","iconCode":"\\e72a"},{"iconName":"icon-huizhang","iconCode":"\\e641"},{"iconName":"icon-huizhanguBadge","iconCode":"\\e642"},{"iconName":"icon-video","iconCode":"\\e603"},{"iconName":"icon-lianjie","iconCode":"\\e600"},{"iconName":"icon-snowflake","iconCode":"\\e6b1"},{"iconName":"icon-jiahao","iconCode":"\\e643"},{"iconName":"icon-dots","iconCode":"\\e644"},{"iconName":"icon-sousuo","iconCode":"\\e645"},{"iconName":"icon-xiaoxizhongxin","iconCode":"\\e646"},{"iconName":"icon-jiantou","iconCode":"\\e647"},{"iconName":"icon-liulanshu","iconCode":"\\e648"},{"iconName":"icon-liuyanshu","iconCode":"\\e649"},{"iconName":"icon-dianzan","iconCode":"\\e64a"},{"iconName":"icon-shoucang","iconCode":"\\e64b"},{"iconName":"icon-lianjie1","iconCode":"\\e64f"},{"iconName":"icon-tianjiatupian","iconCode":"\\e650"},{"iconName":"icon-fanhui","iconCode":"\\e651"},{"iconName":"icon-shezhi","iconCode":"\\e652"},{"iconName":"icon-xiaojiantou","iconCode":"\\e653"},{"iconName":"icon-shijian","iconCode":"\\e654"},{"iconName":"icon-sousuokuangli","iconCode":"\\e656"},{"iconName":"icon-jinzhi","iconCode":"\\e655"},{"iconName":"icon-duotu","iconCode":"\\e657"},{"iconName":"icon-daodila-jia","iconCode":"\\e65b"},{"iconName":"icon-shipin","iconCode":"\\e65a"},{"iconName":"icon-biaoqing","iconCode":"\\e659"},{"iconName":"icon-tupian1","iconCode":"\\e658"},{"iconName":"icon-close","iconCode":"\\e65c"},{"iconName":"icon-smile","iconCode":"\\e601"},{"iconName":"icon-wenhao","iconCode":"\\e604"},{"iconName":"icon-wodefatie","iconCode":"\\e605"},{"iconName":"icon-yinsishezhi","iconCode":"\\e65e"},{"iconName":"icon-wodefensi","iconCode":"\\e64e"},{"iconName":"icon-tuichudenglu","iconCode":"\\e64d"},{"iconName":"icon-zhanghaoguanli","iconCode":"\\e64c"},{"iconName":"icon-huifu","iconCode":"\\e65f"},{"iconName":"icon-xitongtongzhi","iconCode":"\\e662"},{"iconName":"icon-huodedezan","iconCode":"\\e660"},{"iconName":"icon-dengji","iconCode":"\\e6d0"},{"iconName":"icon-link","iconCode":"\\e666"},{"iconName":"icon-biaoqing1","iconCode":"\\e665"},{"iconName":"icon-wodeguanzhu","iconCode":"\\e664"},{"iconName":"icon-shezhi1","iconCode":"\\e663"},{"iconName":"icon-wodeshoucang","iconCode":"\\e65d"},{"iconName":"icon-fabutiezi","iconCode":"\\e668"},{"iconName":"icon-shipin1","iconCode":"\\e66b"},{"iconName":"icon-pcdown","iconCode":"\\e661"},{"iconName":"icon-pcup","iconCode":"\\e669"},{"iconName":"icon-close1","iconCode":"\\e66a"},{"iconName":"icon-image","iconCode":"\\e66c"},{"iconName":"icon-navigation","iconCode":"\\e667"},{"iconName":"icon-add1","iconCode":"\\e66e"},{"iconName":"icon-delete1","iconCode":"\\e66f"},{"iconName":"icon-vote_web","iconCode":"\\e670"},{"iconName":"icon-vote","iconCode":"\\e66d"},{"iconName":"icon-down1","iconCode":"\\e671"},{"iconName":"icon-open","iconCode":"\\e672"},{"iconName":"icon-signature","iconCode":"\\e674"},{"iconName":"icon-Prohibited","iconCode":"\\e673"},{"iconName":"icon-Noncommercial","iconCode":"\\e675"},{"iconName":"icon-radiooff","iconCode":"\\e677"},{"iconName":"icon-radioon","iconCode":"\\e678"},{"iconName":"icon-Notset","iconCode":"\\e676"},{"iconName":"icon-info","iconCode":"\\e679"},{"iconName":"icon-home1","iconCode":"\\e67a"},{"iconName":"icon-guanfang1","iconCode":"\\e67b"},{"iconName":"icon-triangle-right","iconCode":"\\e67c"},{"iconName":"icon-mi-icon","iconCode":"\\e67d"},{"iconName":"icon-renzhengtubiao","iconCode":"\\e606"},{"iconName":"icon-renzheng","iconCode":"\\e60c"},{"iconName":"icon-toupdate","iconCode":"\\e62b"},{"iconName":"icon-subscribe","iconCode":"\\e62c"},{"iconName":"icon-introductio","iconCode":"\\e67e"},{"iconName":"icon-image2","iconCode":"\\e68a"},{"iconName":"icon-notice","iconCode":"\\e67f"},{"iconName":"icon-set","iconCode":"\\e696"},{"iconName":"icon-remove","iconCode":"\\e69b"},{"iconName":"icon-drag","iconCode":"\\e69c"},{"iconName":"icon-heji","iconCode":"\\e69d"}],
          };
        },
      });
    </script>
  </body>
</html>
